﻿<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- #BeginTemplate "main.dwt" -->
<head>
<script type="text/javascript" src="resources/js/jquery-1.8.0.js"></script> 
<script type="text/javascript" src="resources/js/slider.js"></script>

<link href="resources/css/styles.css" rel="stylesheet" type="text/css" media="screen">
<link href="resources/css/slider.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript">  // This is the script for the banner slider
		$(document).ready(function() {
			$('#slider').s3Slider({
				timeOut: 3000
			});
		});
</script>
<!-- #BeginEditable d "doctitle" -->
<!-- #EndEditable -->
</head>

<body>
	<div id="wrapper">
		<div id="top">
			<div id="logo">
				<img src="images/logo.png" />
			</div>
			<div id="social-media">
				<p>Connect With Us</p>
				<ul>
					<li><img src="resources/images/icons/facebook-logo.png" width="24" height="24" /></li> 
					<li><img src="resources/images/icons/youtube.png" width="24" height="24" /></li> 
					<li><img src="resources/images/icons/Twitter.jpg" width="24" height="24" /></li> 
				</ul>
				<p>Contact Us Today For More Info: 1-226-750-3666 </p>
			</div>
		</div>
		
		<div id="topnav">
			<ul>
				<li><a href="index.html">WELCOME</a></li>
				<li><a href="about.html">ABOUT</a></li>
				<li><a href="services.html">SERVICES</a></li>
				<li><a href="contact.html">CONTACT</a></li>
			</ul>
		</div>
		
		<div id="slider">
			<ul id="sliderContent">
				<li class="sliderImage">
					<img src="resources/images/bannerRose.png" /> 
					<span class="top"><strong>This is an image title</strong></span> 
				</li>
				<li class="sliderImage">
					<img src="resources/images/bannerColor.png"/> 
					<span class="top"><strong>This is an image title</strong></span> 
				</li>
				<li class="sliderImage">
					<img src="resources/images/bannerNailBee.png"/> 
					<span class="top"><strong>This is an image title</strong></span> 
				</li>
				<div class="clear sliderImage"></div>
			</ul>
		</div>		
		
		<div id="subbanner">
		<marquee><h3> Grand Opening: 20% Discount</h3></marquee>	
		</div>
		
		<div id="content">
			<!-- #BeginEditable "Content" -->
			<h1> Welcome To Our Salon</h1>
			<p>Text here</p>
			<p> Text here</p>
			<img src="images/2881.gif"/>
			<img src="images/2882.gif"/>
			<h2>Second Level Heading On Page</h2>
		<!-- #EndEditable -->
		</div>
		
		<div id="rightside">
			<!-- #BeginEditable "rightside" -->
			<h2>Size bar</h2>
			<p>Put your text here</p>
			<!-- #EndEditable -->
			<img src="unknow.gif" />
		</div>
		
		<div id="footer">
			<p>&copy;Copyright 2012 Lotus Nails and Skin Care</p>
		</div>
		
		
	</div>
</body>
<!-- #EndTemplate -->
</html>